<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/style.css">
    <link rel="stylesheet" type="text/css" href="../../../public/stylesheets/bootstrap.css">
    <script type="text/javascript" src="../../../public/javascripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../../public/javascripts/bootstrap.js"></script>

    <style>
        .main{
            margin: 20px 40px;
        }
        .main  ._caption{
            font-size: 30px;;
        }
        .input-costom{

            width: 130px;
           margin-right: 0px;
        }
        /*.row{*/
            /*margin: 20px 0px;*/
        /*}*/
        ._five .form-group ._five textarea{
            width: 200px;
        }
        .marginTB{margin: 20px 0px;}
    </style>

    <script type="text/javascript" >
        $(document).ready(function(){
            $("#top").load("../top.html");
            $("#left").load("../left.html");
            $("#bottom").load("../bottom.html");
//            $("#right").load("");
        });
        function toUpdate() {
            $(".form-control").attr("disabled", false);
        }
    </script>
</head>
<body  >
<div id="top"></div>
<div class="container-fluid" style="margin-top: 20px;">
    <div class="row ">
        <div class="col-md-1">
        </div>
        <div id="left" class="col-md-2">

        </div>
        <div class="col-md-8 bodyDiv" id="right">


            <div class="main">
                <div>
                    <span class="_caption"><p style="text-align:center; ">活动详情</p></span>
                </div>
                <div class="row marginTB">
                    <div class="col-md-6 ">
                        <div class="col-md-5">
                            <span style="font-size: 20px">活动主题</span>
                        </div>
                        <div class="col-ma-7">
                            <input type="text" id="active" class="form-control input-costom" disabled>
                        </div>

                    </div>
                    <div class="col-md-6  ">

                        <div class="col-md-5">
                            <span style="font-size: 20px">活动地点</span>
                        </div>
                        <div class="col-ma-7">
                            <input type="text" class="form-control input-costom" disabled>
                        </div>
                    </div>
                </div>

                <div class="row marginTB">
                    <div class="col-md-6 ">
                        <div class="col-md-5">
                            <span style="font-size: 20px">开始时间</span>
                        </div>
                        <div class="col-ma-7">
                            <input type="text" class="form-control input-costom" disabled>
                        </div>

                    </div>
                    <div class="col-md-6  ">

                        <div class="col-md-5">
                            <span style="font-size: 20px">结束时间</span>
                        </div>
                        <div class="col-ma-7">
                            <input type="text" class="form-control input-costom" disabled>
                        </div>
                    </div>
                </div>


                <div class="row marginTB">
                    <div class="col-md-6 ">
                        <div class="col-md-5">
                            <span style="font-size: 20px">活动人数</span>
                        </div>
                        <div class="col-ma-7">
                            <input type="text" class="form-control input-costom" disabled>
                        </div>

                    </div>
                    <div class="col-md-6  "></div>
                </div>

                <div class="row marginTB">
                    <div class="col-md-6 ">
                        <div class="col-md-5">
                            <span style="font-size: 20px">活动内容</span>
                        </div>
                        <div class="col-ma-7">
                            <input type="text" class="form-control input-costom" disabled>
                        </div>
                    </div>
                    <div class="col-md-6  ">
                    </div>
                </div>

                <div class="row marginTB">

                    <div class="col-md-12">
                        <form role="form">
                            <div class="form-group">
                                <textarea class="form-control" rows="3" disabled></textarea>
                            </div>
                        </form>
                    </div>

                </div>
                <div class="row marginTB">
                    <div class="col-md-8"></div>
                    <div class="col-md-2">
                        <button type="button" class="btn btn-primary">人数统计</button>
                    </div>
                    <div class="col-md-2">
                        <button type="button" class="btn btn-primary" onclick="toUpdate()">修改</button>
                    </div>
                </div>
            </div>
        </div>


    </div>
</div>
</div>
</body>
</html>